<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <link rel="icon" href="favicon.ico" mce_href="favicon.ico" type="image/x-icon">
    <title>404</title>
    <script src="./static/bootstrap/js/jquery-1.10.2.min.js"></script>
    <script src="./static/bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./static/bootstrap/css/bootstrap.min.css" th:src="@{/static/bootstrap/css/bootstrap.min.css}">
</head>
<body>
<div class="container">
    <div style="height:600px;left: 50%;position: absolute;top: 50%;transform: translate(-50%,-60%);width: 700px;">
        <img src="./static/img/error-404.94756dcf.svg" class="img-responsive" alt="404" style="text-align: center;">
        <div style="left:0;position: absolute;top:0;">
            <h4 style="color: #348eed;font-size: 80px;font-weight: 700;left: 0;position: absolute;top: 0;">404</h4>
            <h5 style="color: #67647d;font-size: 20px;font-weight: 700;left: 0;position: absolute;top: 100px;width: 700px;">Oh~~您的页面好像飞走了~</h5>
        </div>
        <div style="bottom: 20px;    position: absolute;    right: 0;">
            <button type="button" class="ivu-btn ivu-btn-text ivu-btn-large" onclick="go_back()">
                <span>返回首页</span>
            </button>
            <button type="button" class="ivu-btn ivu-btn-text ivu-btn-large" onclick="go_index()">
                <span>返回上一页</span>
            </button>
        </div>
    </div>
</div>
<script>
    function go_back() {
        window.history.back(-1);
    }

    function go_index() {
        window.location.href="/index"
    }
</script>
</body>
</html>